<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/css.css"/>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/jd-js.js"></script>
    <script src="js/angular.min.js"></script>
    <script src="js/angular-1.js"></script>
</head>
<body>
<div class="wrap">
    <!--导航栏-->
    <div class="top_nav" >
        <div class="nav_addr">
            <span>送至：</span>
            <span>北京</span>
            <span class="bgjiantou">
            </span>
        </div>
        <div class="nav_list">
            <ul>
                <li>相信ing <span></span></li><li>|</li>
                <li>我的订单</li><li>|</li>
                <li>我的京东</li><li>|</li>
                <li>京东会员</li><li>|</li>
                <li>企业采购</li><li>|</li>
                <li>手机京东</li><li>|</li>
                <li>关注京东</li><li>|</li>
                <li>客户服务</li><li>|</li>
                <li>网站导航</li>
            </ul>
        </div>
    </div>
    <!--隐藏项-->
    <div class="hidden_01">
        <div>        </div>
    </div>
    <div>

    </div>
    <div>

    </div>
    <div>

    </div>
    <div>

    </div>



    <!--搜索栏-->
    <div class="logo_search">
        <img src="images-购物车/logo-201305.png" alt="logo-jd"/>
        <div class="content_input">
             <span class="search_field"><input type="text" placeholder="自营" /></span>
            <span class="search_btn"><button >搜索</button></span>   
        </div>
    </div>
    <!--商品标头-->
    <div class="top_title" ng-controller="MyCtrl">
        <div class="cart_item">
            <ul>
                <li ng-controller="MyCtrl">全部商品{{total}}</li>
                <li>京东大药房</li>
            </ul>
            <!--<div class="hr_cart"> <hr/> </div>-->
        </div>
        <div class="cart_score">
            <span style="font-size:14px;">配送至：</span>
            <select name="" id="cart_select">
                <option checked="checked">北京朝阳三环至五环</option>
                <option>北京海淀三环至五环</option>
                <option>北京丰台三环至五环</option>
            </select>
<!--选择配送地区-->
            <div class="hidden_04">


            </div>
        </div>
    </div>
    <!--商品统计-->
    <div class="main_content">
        <div class=".container-fluid" ng-controller="cartCtrl">
            <div class="row">
                <div class="col-md-12">
                    <table class="table">
                        <thead>
                            <th class="col-md-1"><input type="checkbox"/>&nbsp;全选</th>
                            <th class="col-md-5">商品</th>
                            <th class="col-md-1">单价</th>
                            <th class="col-md-1">数量</th>
                            <th class="col-md-1">小计</th>
                            <th class="col-md-1">操作</th>
                        </thead>

                        <tbody>
                            <div class="cart-tbody shop">
                                <tr ng-repeat="item in items" class="item-single">
                                    <td>
                                        <input type="checkbox" />

                                    </td>
                                    <td>
                                        <img class="img-responsive" ng-src="images-购物车/{{item.pic}}" alt=""/>
                                        <span class="product_intro">{{item.name}}</span>
                                    </td>
                                    <td>{{item.price}}</td>
                                    <td class="count_change">
                                        <button>-</button>
                                        <input type="text" {{item.count}} style="width: 30px;"/>
                                        <button>+</button></td>
                                    <td>{{item.price*item.count}}</td>
                                    <td>
                                        <p>删除</p>
                                        <p>移入我的关注</p>
                                    </td>
                                </tr>
                            </div>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!--去结算-->
    <div class="option_box">
            <div class="option_inner">
                <div class="option_list">
                    <ul>
                        <li><input type="checkbox"/>全选</li>
                        <li><a href="javascript:;">删除选中的商品</a></li>
                        <li><a href="javascript:;">移到我的关注</a></li>
                        <li><a href="javascript:;">清除下柜商品</a></li>
                    </ul>
                </div>
                <div class="option_price">
                    <div ng-controller="cartCtrl">已选择{{count}}件商品</div>
                    <div>
                        <p>总价：{{total}}</p>
                        <p>已节省：-{{}}</p>
                    </div>
                    <a href="javascript:;" class="submite_btn">去结算</a>
                </div>
            </div>
    </div>
    <!--猜你喜欢-->
    <div class="think_like">
        <div class="like_title">
            <div class="like_l">
                <a href="javascript:;">随手购</a>
                <a href="javascript:;">猜你喜欢</a>
                <a href="javascript:;">我的关注</a>
                <a href="javascript:;">最近浏览</a>
            </div>
            <div class="like_r">
                <ul>
                    <li style="width:20px;background:#e4393c;"></li>
                    <li></li>

                </ul>
            </div>
        </div>
        <div class="like_main">
            <ul>
                <li>
                    <a href="javascript:;">
                        <img src="images-购物车/57b27230N22c42f00.jpg" alt=""/>
                    </a>
                    <div class="extrl_p">
                        【京东超市】益达（Extra）木糖醇无糖口香糖蜜桃芒果混合味70粒98g单瓶
                    </div>
                    <div class="extrl_price">￥13.50</div>
                    <div class="extrl_btn"><a href="javascript:;">加入购物车</a></div>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="images-购物车/55dfbe69Nb720a1c5.jpg" alt=""/>
                    </a>
                    <div class="extrl_p">
                        【京东超市】德芙Dove丝滑牛奶巧克力 糖果巧克力 43g 排块装
                    </div>
                    <div class="extrl_price">￥7.20</div>
                    <div class="extrl_btn"><a href="javascript:;">加入购物车</a></div>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="images-购物车/57ac33d7Nc16466c3.jpg" alt=""/>
                    </a>
                    <div class="extrl_p">
                        【京东超市】绿箭（DOUBLEMINT）无糖薄荷糖原味薄荷味35粒23.8g单盒金属装
                    </div>
                    <div class="extrl_price">￥7.90</div>
                    <div class="extrl_btn"><a href="javascript:;">加入购物车</a></div>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="images-购物车/584e4949Na76fab78.jpg" alt=""/>
                    </a>
                    <div class="extrl_p">
                        【京东超市】好时之吻Kisses牛奶巧克力82g（加量装与正常装随机发售）
                    </div>
                    <div class="extrl_price">￥12.80</div>
                    <div class="extrl_btn"><a href="javascript:;">加入购物车</a></div>
                </li>
            </ul>
        </div>
    </div>
    <!--多快好省-->
    <div class="clear"></div>
    <div class="many_fast">
        <img src="images-购物车/service_items_1.png" alt=""/>
        <img src="images-购物车/service_items_2.png" alt=""/>
        <img src="images-购物车/service_items_3.png" alt=""/>
        <img src="images-购物车/service_items_4.png" alt=""/>
    </div>
    <!--购物指南-->
    <div class="shopping_p">
        <div class="shopping_list">
            <div class="shopping_title">购物指南</div>
            <div>
                <ul>
                    <li><a href="javascript:;">购物流程</a></li>
                    <li><a href="javascript:;">会员介绍</a></li>
                    <li><a href="javascript:;">生活旅行/团购</a></li>
                    <li><a href="javascript:;">常见问题</a></li>
                    <li><a href="javascript:;">大家电</a></li>
                    <li><a href="javascript:;">联系客服</a></li>
                </ul>
            </div>
        </div>

        <div class="shopping_list">
            <div class="shopping_title">配送方式</div>
            <div>
                <ul>
                    <li><a href="javascript:;">上门自提</a></li>
                    <li><a href="javascript:;">211限时达</a></li>
                    <li><a href="javascript:;">配送服务查询</a></li>
                    <li><a href="javascript:;">配送费收取标准</a></li>
                    <li><a href="javascript:;">海外配送</a></li>
                </ul>
            </div>
        </div>
        <div class="shopping_list">
            <div class="shopping_title">支付方式</div>
            <div>
                <ul>
                    <li><a href="javascript:;">货到付款</a></li>
                    <li><a href="javascript:;">在线支付</a></li>
                    <li><a href="javascript:;">分期付款</a></li>
                    <li><a href="javascript:;">邮局汇款</a></li>
                    <li><a href="javascript:;">公司转账</a></li>
                </ul>
            </div>
        </div>

        <div class="shopping_list">
            <div class="shopping_title">售后服务</div>
            <div>
                <ul>
                    <li><a href="javascript:;">售后政策</a></li>
                    <li><a href="javascript:;">价格保护</a></li>
                    <li><a href="javascript:;">退款说明</a></li>
                    <li><a href="javascript:;">返修/退换货</a></li>
                    <li><a href="javascript:;">取消订单</a></li>
                </ul>
            </div>
        </div>

        <div class="shopping_list">
            <div class="shopping_title">特色服务</div>
            <div>
                <ul style="width:100px;">
                    <li><a href="javascript:;">夺宝岛</a></li>
                    <li><a href="javascript:;">DIY装机</a></li>
                    <li><a href="javascript:;">延保服务</a></li>
                    <li><a href="javascript:;">京东E卡</a></li>
                    <li><a href="javascript:;">京东通信</a></li>
                    <li><a href="javascript:;">京东JD+</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="clear" ></div>
    <hr/>
    <!--尾部-->
    <div class="footer">
        <div>
            <ul>
                <li>关于我们</li>
                <li>|</li>
                <li>联系我们</li>
                <li>|</li>
                <li>商家入驻</li> <li>|</li>
                <li>营销中心</li> <li>|</li>
                <li>手机京东</li> <li>|</li>
                <li>友情链接</li> <li>|</li>
                <li>销售联盟</li> <li>|</li>
                <li>京东社区</li> <li>|</li>
                <li>风险监测</li> <li>|</li>
                <li>京东公益</li> <li>|</li>
                <li>English Site</li> <li>|</li>
                <li>Contact Us</li>
            </ul>
        </div>
        <div class="clear"></div>
        <div class="footer_p">
        <img src="images-购物车/56a0a994Nf1b662dc.png" alt="" class="wangan_img"/>
        <span>
        京公网安备 11000002000088号  |  京ICP证070359号  |  互联网药品信息服务资格证编号(京)-经营性-2014-0008  |  新出发京零 字第大120007号
        </span>
        </div>
        <div class="clear"></div>
        <div class="footer_p">
        互联网出版许可证编号新出网证(京)字150号  |  出版物经营许可证  |  网络文化经营许可证京网文[2014]2148-348号  |  违法和不良信息举报电话：4006561155
        </div>
        <div class="clear"></div>
        <div class="footer_p">Copyright © 2004-2016  京东JD.com 版权所有  |  消费者维权热线：4006067733    经营证照</div>
        <div class="clear"></div>
        <div class="footer_p">京东旗下网站：京东钱包</div>
        <div>
        <img src="images-购物车/54b8871eNa9a7067e.png" alt=""/>
        <img src="images-购物车/54b8872dNe37a9860.png" alt=""/>
        <img src="images-购物车/54b8875fNad1e0c4c.png" alt=""/>
        <img src="images-购物车/56a89b8fNfbaade9a.jpg" alt=""/>
        <img src="images-购物车/5698dc03N23f2e3b8.jpg" alt=""/>
        <img src="images-购物车/5698dc16Nb2ab99df.jpg" alt=""/>
        </div>
    </div>



</div>
</body>
</html>